import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon"

/**
 * CoderIcon represents the cloud with brackets Coder brand icon. It does not
 * contain additional aspects, like the word 'Coder'.
 */
export const CoderIcon = (props: SvgIconProps): JSX.Element => (
  <SvgIcon {...props} viewBox="0 0 500 500">
    <path fill="#316de6" strokeWidth="0" d="m0.65314,321.89359l49.35255,-221.79335l199.81551,-98.70746l199.81556,98.70746l49.35345,221.79335l-138.28061,177.86564l-221.7768,0l-138.27967,-177.86564l0.00001,0z" id="svg_4" stroke="#0f0f00" strokeOpacity="0"/>
    <text fontWeight="normal" fill="#ffffff" x="152.85784" y="189.57449" id="svg_1" fontSize="24" fontFamily="Noto Sans JP" textAnchor="start" stroke="#0f0f00" transform="matrix(12.5071 0 0 12.5071 -1874.99 -2121.81)" strokeWidth="0" strokeOpacity="0">Psi</text>
    <text fill="#ffffff" strokeWidth="0" x="98.41122" y="362.28006" id="svg_3" fontSize="24" fontFamily="Noto Sans JP" textAnchor="start" stroke="#0f0f00" transform="matrix(3.3918 0 0 3.3918 -291.4 -843.691)" strokeOpacity="0">云端实验室</text>
  </SvgIcon>
)
